<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // JS组成
    // ECMAScript  => ES5  => ES6
    // BOM
    // DOM


    // ES6新增
    // let const  块级作用域
    // 模板字符串  ``    ${}


    // let a = 1;
    // const b = 2;
    // a = 10;
    // b = 20;
    // console.log(a);

    // const o = { a: 1, b: 2 };
    // o.a = 10;  // 对 对象(引用类型)修改 但是并不会对变量的值修改
    // o.b = 20;
    // console.log(o); 


    {
        debugger;
        let a = 10;
        let b = 20;
        console.log(a, b);
    }



</script>

</html>